<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2.2.jQuery基本使用-jQuery对象和DOM对象 相互转换</title>
    <script src="jquery.min.js"></script>
</head>

<body>
    <video src="media/mov.mp4" muted controls></video>
    <script>
        // 1.DOM对象转换为 jQuery 对象
        // （1）直接获取视频，得到的就是jQuery对象
        // $('video');

        // （2）已经使用原生js 获取过来DOM对象
        var myvideo = document.querySelector('video');
        $(myvideo);
        // $(myvideo).play(); jQuery里面没有play播放 这个方法

        // 2.jQuery对象转换为DOM对象
        // myvideo.play(); DOM对象可以操作

        // （1） $('div')[index索引号] 
        $('video')[0].play();

        // （2） $('div').get(index索引号)
        // $('video').get(0).play();
    </script>
</body>

</html>